/* Footer Theme CSS */

/* Base Footer Elements */
footer .smFooter.extendedFooter{
    position: relative;
    top: 44px;
}

footer.smFooter .footerLogo{
    min-width: 0px;
    min-height: 0px;
    max-width: 367px;
    max-height: 125px;
    width: auto;
    height: auto;
    position: relative;
}

@media screen and (max-width: 375px){
    footer.smFooter .footerLogo{
        max-width: calc(100vw - 24px);
    }
}

footer.smFooter .footerColumnsContainer .col-2{
    width: 15.59%;
    padding-right: 0px !important;
}

footer.smFooter .footerSocialIconsContainer a{
    color: #bbbbbb;
    margin-right: 10px;
}

footer.smFooter .footerSocialIconsContainer a:hover{
    color: #dddddd;
}

footer.smFooter .footerBannerContainer{
    text-align: left;
}

footer.smFooter .footerBannerContainer .bottomBarCustomLogoContainer{
    display: inline-block;
    margin: 0px;
}

footer.smFooter .footerBannerContainer .bottomBarCustomLogoContainer img{
    height: 65px;
    width: 167px;
}

@media screen and (min-width: 1101px){
    footer.smFooter .footerBannerContainer{
        padding: 0px;
        position: relative;
        right: 10px;
    }
}

@media screen and (max-width: 1100px){
    footer.smFooter{
        padding-bottom: 30px;
    }

    footer.smFooter .footerSocialIconsContainer a{
        font-size: 20px;
    }

    footer.smFooter .footerColumnsContainer .col-2{
        float: left;
        width: calc(100%/5);
        margin-top: 30px;
    }

    footer.smFooter .footerBannerContainer{
        text-align: center;
    }

    footer.smFooter .footerBannerContainer .bottomBarCustomLogoContainer img{
        margin: 15px 0px;
    }

    @media screen and (max-width: 800px){
        footer.smFooter .footerColumnsContainer .col-2{
            width: calc(100%/3);
        }
    }

    @media screen and (max-width: 425px){
        footer.smFooter .footerColumnsContainer .col-2{
            width: 50%;
        }
    }

    @media screen and (max-width: 320px){
        footer.smFooter .footerColumnsContainer .col-2{
            width: 100%;
        }
    }

    footer.smFooter .footerColumnsContainer .col-2:last-of-type{
        width: 100%;
        margin: 20px 0px;
        margin-bottom: 20px !important;
    }

    footer.smFooter .footerColumns{
        background-color: #161616;
        margin: 0px !important;
    }

    footer.smFooter .footerNewsForm{
        background-color: #161616;
        margin: 0px !important;
    }

    .footerNewsForm .footerMailingListForm{
        width: calc(100vw - 30px);
    }
}